<nav class="top-bar">
	<ul class="title-area">
		<!-- Title Area -->
		<li class="name">
			<h1>
				<a href="#">Database Performance Dashboard</a>
			</h1>
		</li>
		<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
		<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
	</ul>

	<section class="top-bar-section">
		<!-- Left Nav Section -->
		<ul class="left top-navi">
			<li class="divider"></li>
			<li class="active"><a class="performance-nav" href="#">Performance</a>
			<li class="divider"></li>
			<li><a class="threshold-nav" href="#">Configuration</a></li>
			<li class="divider"></li>
			<li><a class="report-nav" href="#">Report</a></li>
			<li class="divider"></li>
			<li><a class="console-nav" href="#">Debug</a></li>
		</ul>

		<ul class="right">
			<li class="divider hide-for-small"></li>
			<li class="divider"></li>
			<li class="has-form">
				<form>
					<div class="row collapse">
						<div class="small-8 columns">
							<input type="text">
						</div>
						<div class="small-4 columns">
							<a href="#" class="alert button">Search</a>
						</div>
					</div>
				</form>
			</li>
			<li class="divider show-for-small"></li>
			<li class="has-form"><a class="button" href="#">Login</a></li>
		</ul>
	</section>
</nav>